// 全局变量
var offset = window.top.systemScrollWidth;

Ext.onReady(function() {

	Ext.Ajax.timeout=180000;
	
	// 初始化tip
	Ext.tip.QuickTipManager.init();
	Ext.apply(Ext.tip.QuickTipManager.getQuickTip(), {
				maxWidth : 300,
				minWidth : 100,
				showDelay : 0
			});

	var result_group = Ext.create('Ext.data.JsonStore', {
				fields : ['method', 'ipv4', 'port', 'states'],
				autoLoad : false,
				proxy : {
					type : 'ajax',
					url : 'TcpScan_tcpFinScan.action',
					reader : {
						type : 'json',
						root : 'tcpscanfinList',
						totalProperty : 'totalProperty'
					}
				}
			});

	// 按钮
	// 创建combo的模型
	if (!Ext.ModelManager.isRegistered('model')) {
		Ext.define('model', {
					extend : 'Ext.data.Model',
					fields : ['abbr', 'name']
				});
	}

	// 定义时间格式combo的数据源
	var selectType_store = new Ext.data.Store({
				model : 'model',
				autoLoad : true,
				data : [{
							'abbr' : '1',
							'name' : 'TCP FIN扫描'
						}, {
							'abbr' : '2',
							'name' : 'TCP SYN扫描'
						},{
							'abbr' : '3',
							'name' : 'TCP CONNECT扫描'
						},{
							'abbr' : '4',
							'name' : 'TCP ACK扫描'
						}]
			});

	// 创建时间格式combo
	var selectType = Ext.create('Ext.form.ComboBox', {
				width : 200,
				labelAlign : 'right',
				labelWidth : 60,
				fieldLabel : '扫描类型',
				store : selectType_store,
				editable : false,// 是否可以编辑
				queryMode : 'local',
				value : '1',
				displayField : 'name',
				valueField : 'abbr'
			});

	// 创建查询按钮
	var query = Ext.create('Ext.button.Button', {
				text : '扫描',
				width : 80,
				style : 'margin-left:15'
			});

	// 创建导出按钮
	var exp = Ext.create('Ext.button.Button', {
				text : '导出',
				width : 80,
				style : 'margin-left:15'
			});
	exp.disable();
	// 创建顶部的表单
	var form_ = Ext.create('Ext.form.Panel', {
		width : document.getElementById("EletricityConstrueBill").clientWidth
				- 5 - offset,
		border : false,
		bodyStyle : 'border-top:none;border-left:none;border-right:none',
		items : [{
					xtype : 'label',
					text : document.getElementById("updownUserName").value,
					style : 'margin-top:3;font-size:1pt;color:black'
				}, {
					id : 'top',
					xtype : 'fieldset',
					layout : 'column',
					style : 'background:#DEEBF3;margin-top:3;padding-top:6;padding-bottom:3',
					items : [selectType, query, exp]
				}]
	});

	// 创建统计表标签
	var result_label = Ext.create('Ext.form.Label', {
				text : '扫描结果',
				style : 'font-size:3pt;font-weight:bold'
			});

	// 创建数据源表标签
	var result = Ext.create('Ext.grid.Panel', {
				width : document.getElementById("EletricityConstrueBill").clientWidth
						- 5 - offset,
				border : true,
				height : '100%',
				store : result_group,
				forceFit : true,
				columnLines : true,
				columns : {
					id : 'result_scan',
					items : [{
								id : 'name_id',
								text : '扫描方法',
								dataIndex : 'method',
								align : 'center',
								width : 300
							}, {
								id : 'ipv4_id',
								text : '主机IP地址',
								align : 'center',
								dataIndex : 'ipv4',
								width : 300
							}, {
								id : 'mask_id',
								text : '主机端口',
								align : 'center',
								dataIndex : 'port',
								width : 300
							}, {
								id : 'duank',
								text : '默认网关',
								align : 'duank',
								dataIndex : 'states',
								width : 300

							}]
				}
			});

	// 创建总体Panel容器
	var all_ = Ext.create('Ext.Panel', {
				renderTo : 'EletricityConstrueBill',
				frame : false,
				// title : '当前能耗分析-峰谷电量分析',
				border : false,
				width : document.getElementById("EletricityConstrueBill").clientWidth
						- 5,
				height : '100%',
				autoScroll : true,
				margin : '0px 0px 0px 5px',
				items : [form_, result_label, result]
			});

	// 查询事件
	query.on('click', function(btn, e) {

		result_label.setVisible(true);

		exp.enable();
		var jsonData = result_group.proxy.reader.jsonData;
		result_group.load({
					params : {
						"selectType" : selectType.getValue()
//						"startTime" : date_begin.getValue()
					},
					callback : function(records, operation, success) {
//						alert((records == null)?"true":"false");
						result.setHeight(result_group.getCount() * 26);

					}
				});

		});

	// 导出事件：
	exp.on('click', function(btn, e) {
		location.href = 'EletricityPriceAnlysisExp_EletricityPriceAnlysisExp.action?selectType='
				+ selectType.getValue() + '&startTime=' + date_begin.getValue();
	});

	// 定义时间格式combo事

	selectType.on("change", function(combo, newValue, oldValue) {
				date_begin.setValue("");
				if (Ext.getCmp('radio1').getValue() == true) {
					chart_column.setHeight(300);
					chart_line.setHeight(0);

				} else {

					chart_column.setHeight(0);
					chart_line.setHeight(300);
				}
				if (newValue == "2") {
					date_begin.format = "Y";
					date_begin.setValue(new Date());

				} else if (newValue == "1") {
					date_begin.format = "Y-m";
					date_begin.setValue(new Date());

				}

			});

	// 配置加载等待信息
	var mask = "Loading" ;
	result_group.on('beforeload', function() {
				mask = new Ext.LoadMask(result, {
							msg : "Loading..."
						});
				mask.show();
			});

	result_group.on('load', function() {
				mask.hide();
			});
	// 定义窗口onresize事件
	window.onresize = function() {
		all_.setWidth(document.getElementById('EletricityConstrueWid').scrollWidth);
	};

});